#serach{
   position: absolute;
   top: 10px;
   left: 10px;
   width: 450px;
   height: auto;
   max-height: 80%; 
   float: left;
}
#column{
   list-style: none;
   float: left; 
   width: 100%;
   height: 40px;
   line-height: 40px;
   background: #fff;
   margin-top: 5px;
   padding:0;
}
.titleimg{
    width: 25px;
    height: 25px;
    margin-right: 5px;  
}
#column li{
    float: left; 
    width: 33%;
    height: 100%;
    line-height: 35px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
 }
 #serachInput{
    height: 32px;
    width: 340px;
    float: left;
    margin-top: 3px;
    border: transparent;  
 }
 #columnResult{
    list-style: none;
    float: left; 
    width: 450px;
    height: auto;
    line-height: 40px;
    background: #fff;
    margin:0;
    padding-bottom: 5px;
 }
 #columnResult li{
     float: left; 
     width: 100px;
     height: 30px;
     line-height: 30px;
     font-weight: bold;
     font-size: 15px;
     margin-left: 10px;
     cursor: pointer;
}
#searchResult{
    list-style: none;
    float: left; 
    width: 450px;
    height: auto;
    max-height: 500px;  
    line-height: 40px;
    background: #fff;
    margin:0;
    padding:0;
    overflow-y: scroll;
 }
 .searchResultLi{
    float: left; 
    width: 100%;   
    height: 120px; 
    font-size: 13px;
    cursor: pointer;
    margin-top: 5px;    
 }
 .searchResultLiul{
    width: 70%; 
    float: left; 
    margin: 0
 }
 .searchResulline{
     height: 1px;
     background: #ccc;
     width: 90%;
     margin-left: 5%;
     float: left;
 }
 .searchResultLiimg{
    width: 110px; 
    height: 110px; 
    line-height: 50px ;
    float: left;
 }
 .round_icon{
    width: 34px;
    height: 34px;
    float: left;
    display: flex;
    margin-left: 15px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
 .searchResultLili{
    float: left;
    height: 40px; 
    width: calc(100% - 25px);
    margin-left: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
 }
 #chooseType{
     color: #ccc;
     width: 60px;
     margin-left: 2px;
     margin-right: 2px;
     float: left;
     text-align: center;
 }
 #column li:hover{
     color: #FF7F00;
 } 
 #columnResult li:hover{
    color: #FF7F00;
} 